<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/jd.css" />
  </head>
  <body>
    <div class="top">
      <div class="w">
        <div class="logo">
          <img src="../img/logo.png" alt="" />
          <span> 欢迎登陆</span>
        </div>
      </div>
    </div>
    <div class="tip">
      <p>
        <i><img src="./img/icon-tips.png" alt="" /></i>
        依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！
        新版
        <a href="#">《京东隐私政策》</a>已上线，将更有利于保护您的个人隐私。
      </p>
    </div>
    <div class="bg">
      <div class="bg-pic">
        <div class="box">
          <div class="td">
            <i><img src="./img/icon-tips.png" alt="" /></i
            >京东不会以任何理由要求您转账汇款，谨防诈骗。
          </div>
          <div class="tab">
            <div class="tab-nav">
              <ul>
                <li>
                  <a href="#">扫码登录<span>|</span></a>
                </li>

                <li><a href="#">账号登录</a></li>
              </ul>
            </div>
            <div class="tab-box">
              <div class="item">
                <a href="#"><img src="../img/wx_cz.jpg" alt="" /></a>
              </div>
              <div class="item" style="display: block">
                <span></span
                ><input type="text" placeholder="邮箱/用户/登录手机" /> <i></i>
                <input type="password" placeholder="密码" />
                <div class="pas fr"><a href="#">忘记密码</a></div>
                <button>登　录</button>
              </div>
            </div>
          </div>
          <div class="bb">
            <span>QQ</span>
            <span> 微信 </span>
            <span class="zhuce"><a href="#">立即注册</a></span>
          </div>
        </div>
      </div>
    </div>
    <!-- 页脚s  -->
    <div class="footer">
      <div class="w">
        <div class="foo-b">
          <a href="#">联系我们 <span>|</span></a>

          <a href="#">联系客服<span>|</span></a>

          <a href="#">商家入驻 <span>|</span></a>

          <a href="#">营销中心 <span>|</span> </a>

          <a href="#">手机品优购 <span>|</span> </a>

          <a href="#">友情链接<span>|</span> </a>

          <a href="#">销售联盟 <span>|</span> </a>

          <a href="#">品优购社区<span>|</span> </a>

          <a href="#">品优购公益 <span>|</span> </a>

          <a href="#">English Site <span>|</span> </a>

          <a href="#">Contact U</a> <br /><br />

          <p>
            地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096
            电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
          </p>
          <p>京ICP备08001421号京公网安备110108007702</p>
        </div>
      </div>
    </div>
  </body>
</html>
